<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>幸福宝</title>
		<meta name="viewport" content="initial-scale=1, maximum-scale=1">
		<link rel="shortcut icon" href="/favicon.ico">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.5.9/css/sm.min.css">
		<link rel="stylesheet" href="styles/Comm.css">
	</head>

	<body>
		<!-- 你的html代码 -->
		<div class="page">
			<nav class="bar bar-tab">
				<a class="tab-item" href="Home.html">
					<span class="icon icon-home"></span>
					<span class="tab-label">幸福宝</span>
				</a>
				<a class="tab-item" href="Mall.html">
					<span class="icon icon-cart"></span>
					<span class="tab-label">商城</span>
					<span class="badge">2</span>
				</a>
				<a class="tab-item" href="BusinessCulture.html">
					<span class="icon icon-star"></span>
					<span class="tab-label">企业文化</span>
				</a>
				<a class="tab-item" href="BusinessActivity.html">
					<span class="icon icon-friends"></span>
					<span class="tab-label">企业活动</span>
				</a>
				<a class="tab-item active" href="#">
					<span class="icon icon-me"></span>
					<span class="tab-label">我</span>
				</a>
			</nav>
			<!-- 这里是页面内容区 -->
			<div class="card self-Me-headimg">
				<div class="card-content">
					<div valign="bottom" class="card-header color-white no-border no-padding">
						<img class='card-cover logo' src="img/head.jpg">
					</div>
					<span>李易峰</span>
				</div>
			</div>

			<div class="card self-firm-height self-firm self-Me-firm">
				<div class="card-content self-no-border-top">
					<div class="card-content-inner">
						<div class="row titlebig">
							<div class="col-80">我的订单</div>
							<div class="col-20">查看全部订单</div>
						</div>
					</div>
				</div>
			</div>
			<div class="buttons-tab self-Me-tab self-border-bottom">
				<a class="tab-item" href="Home.html">
					<span class="icon icon-home"></span>
					<span class="tab-label">待付款</span>
					<span class="badge">2</span>
				</a>
				<a class="tab-item" href="Mall.html">
					<span class="icon icon-cart"></span>
					<span class="tab-label">待发货</span>
					<span class="badge">22</span>
				</a>
				<a class="tab-item" href="BusinessCulture.html">
					<span class="icon icon-star"></span>
					<span class="tab-label">待收货</span>
					<span class="badge">2</span>
				</a>
				<a class="tab-item" href="BusinessActivity.html">
					<span class="icon icon-friends"></span>
					<span class="tab-label">待评价</span>
					<span class="badge">2</span>
				</a>
				<a class="tab-item active" href="#">
					<span class="icon icon-me"></span>
					<span class="tab-label">退款/售后</span>
				</a>
			</div>

			<div class="list-block self-Me self-border-top self-border-bottom">
				<ul>
					<li class="item-content item-link">
						<div class="item-media"></div>
						<div class="item-inner">
							<div class="item-title">我的积分</div>
							<div class="item-after">积分余额：<span>485</span></div>
						</div>
					</li>

				</ul>
			</div>

			<div class="list-block self-Me self-border-top self-border-bottom">
				<ul>
					<li class="item-content item-link">
						<div class="item-media"></div>
						<div class="item-inner">
							<div class="item-title">积分赠送</div>
							<div class="item-after"></div>
						</div>
					</li>

				</ul>
			</div>

			<div class="list-block self-Me self-border-top self-border-bottom">
				<ul>
					<li class="item-content item-link">
						<div class="item-media"></div>
						<div class="item-inner">
							<div class="item-title">我的收藏</div>
							<div class="item-after"></div>
						</div>
					</li>

				</ul>
			</div>

			<div class="list-block self-Me self-border-top self-border-bottom">
				<ul>
					<li class="item-content item-link">
						<div class="item-media"></div>
						<div class="item-inner">
							<div class="item-title">收货地址</div>
							<div class="item-after"></div>
						</div>
					</li>

				</ul>
			</div>

			<div class="list-block self-Me self-border-top self-border-bottom">
				<ul>
					<li class="item-content item-link">
						<div class="item-media"></div>
						<div class="item-inner">
							<div class="item-title">密码修改</div>
							<div class="item-after"></div>
						</div>
					</li>

				</ul>
			</div>

			<!-- 这里是页面内容区 -->
		</div>
		<!-- 你的html代码 -->
		<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.5.9/js/sm.min.js' charset='utf-8'></script>
	</body>

</html>